import React from 'react';
import { Button, Space } from 'antd';
import { Link } from 'umi';

/**
 * Umi Hooks 练习首页
 * @author SPY
 * @date 2020/04/08
 */
const UmiHooks = (props: any) => {
  return (
    <Space>
      <Link to="/umiHooks/useDrag">
        <Button type="link">useDrag 拖动</Button>
      </Link>
      <Link to="/umiHooks/connect">
        <Button type="link">umi-request 请求</Button>
      </Link>
      <Link to="/umiHooks/useRequest">
        <Button type="link">useRequest 请求</Button>
      </Link>
      <Link to="/umiHooks/useFormTable">
        <Button type="link">useFormTable 使用</Button>
      </Link>
      <Link to="/umiHooks/useDynamicList">
        <Button type="link">useDynamicList 使用</Button>
      </Link>
    </Space>
  );
};

UmiHooks.title = 'Umi Hooks';

export default UmiHooks;
